<template>
	<view class="page-index">
		<view class="swiper-view ">
			<swiper class="swiper" indicator-dots="true" autoplay="true" circular="true" indicator-active-color="#ffffff">
				<swiper-item v-for="(item,index) in swiperList" :key="index" @tap="$utils.gotoPage(item.href)">
					<image mode="aspectFill" :src="item.imgUrl"></image>
				</swiper-item>
			</swiper>
		</view>
		<van-grid :gutter="15">
			<van-grid-item v-for="(item,index) in nav" :key="index" icon="photo-o" :text="item.name"  />
		</van-grid>
		<view class="recommend p-a-15">
			<view class="hd p-b-15">
				<view class="title title-v ft-17">推荐运单</view>
			</view>
			<view class="bd">
				<view class="fly-panel">
        <view class="hd">
          <text class="title">运单编号：0000</text>
          <text :class="'value order-status-'">待接单</text>
        </view>
        <view class="bd">
          <view class="bd-ul">
            <fly-info label="运单金额：" value="xxx" />
            <fly-info label="计划发货时间：" value="xxx" />
            <fly-info label="发货地：" value="xxx" />
            <fly-info label="收货地：" value="xxx" />
          </view>
        </view>
        <view class="ft flex-between">
          <view class="align-left">2024-01-01</view>
					<view class="btn">
						<van-button size="small" class="m-r-15">拒单</van-button>
						<van-button size="small" type="info">接单</van-button>
					</view>
        </view>
      </view>
			</view>
		</view>
		<van-dialog
			use-slot
			:title="notice.title"
			:show="notice.visible"
			@close="notice.visible = false"
		>
			<view v-html="notice.content" class="p-a-15"></view>
		</van-dialog>
	</view>
</template>

<script>
	import flyInfo from '@/components/flyInfo';
	export default {
		components:{
			flyInfo
		},
		data() {
			return {
				swiperList:[
					{id:1, imgUrl: this.$icon.banner},
					{id:2, imgUrl: this.$icon.banner},
				],
				nav:[
					{icon:'#', name: '我要装车'},
					{icon:'#', name: '我要卸车'},
					{icon:'#', name: '我的车辆'},
					{icon:'#', name: '新闻资讯'},
				],
			}
		},
		onLoad(e) {			
			
		},
		onShow(){
		
		},
		onShareAppMessage(option){
			return {
				title: '医疗服务中心',
				path: 'pages/index/index',
				imageUrl: ''
			};
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
